import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false

// 导入路由
import VueRouter from 'vue-router'
// 安装路由（细节下午讲）
Vue.use(VueRouter)

// 导入组件（用来切换的组件）
import discover from './components/discover'
import my from './components/my'

// 设置路由规则 （就是设置哪个路径对应哪个组件）
const routes = [
  // 以后用 /a 这个路径去访问 discover 这个组件
  // { path: '/a', component: discover },
  // 路径是可以自己随便写的，只不过起名时尽量有意义
  { path: '/discover', component: discover },
  { path: '/my', component: my },
]

// 实例化路由对象 (固定的写法)
const router = new VueRouter({
  routes, //  相当于： routes: routes,
  mode: 'history'
})


new Vue({
  // 挂载路由（固定的写法）
  router, // 相当于： router: router
  render: h => h(App),
}).$mount('#app')
